/**
Theme Name: JVAL 2023
Author: N. Jones & M. Baiutti
Author URI: http://wpastra.com/about/
Description: JVAL 2023 is built on top of Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/**
COLORS
Red    #E40E20
Black  #000000
White  #ffffff
Grey   #C9C9C9
Text grey #A0A0A0
*/

/*** FONTS ***/
/* Diglu (2022) */
@import url('fonts/diglu-regular.css');
@import url('fonts/diglu-extrabold.css');
@import url('fonts/diglu-medium.css');

/* GT Cinetype (2023) */
@font-face {
  font-family: 'Gt-Cinetype';
  src: url('fonts/GT-Cinetype-Bold.woff2') format('woff2'),
    url('fonts/GT-Cinetype-Bold.woff') format('woff'),
    url('fonts/GT-Cinetype-Bold.ttf') format('truetype');
}

/* Media breaks 780px */

h1,
.entry-content h1,
h2,
.entry-content h2,
h3,
.entry-content h3,
h4,
.entry-content h4,
h5,
.entry-content h5,
h6,
.entry-content h6 {
  font-family: 'Gt-Cinetype';
}

body {
  font-family: 'diglu-Regular';
}

.ast-button,
.button,
button,
input,
select,
textarea {}

.wp-block-button .wp-block-button__link {
  text-transform: uppercase;
  font-family: 'diglu-Medium';
}

/* HEADER */
body.home-2022 {
}

header li a {
  text-transform: uppercase;
}

header .site-title,
header .site-description {
  font-family: 'Gt-Cinetype';
  text-transform: uppercase;
}

.ast-site-identity .site-title a {
  text-decoration: none;
}

/** GLOBAL LAYOUT **/
/* title on mobile */
@media (max-width: 800px) {
  .ast-single-post h1.entry-title,
  .page-title {
    font-size: 5em;
  }
}

hr.alignwide {
  border: 1px solid #000000;
}

/* HERO 2023 dancing hair */
#hero, #hero .wp-block-group__inner-container {
  position: relative;
  width: 100%;
  height: 80vh;
}
@media only screen and (max-width: 780px) {
  #hero, #hero .wp-block-group__inner-container {
    height: 50vh;
  }
}

#hero h2 {
  font-size: 8vw;
  text-transform: uppercase;
}

#hero h2.line1 {
  position: absolute;
  margin-top: 10vh;
  /* z-index: 1; */
}
#hero figure, #hero img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  /*min-height: 80vh;*/
  width: 75%;
  /* z-index: 2; */
}
#hero h2.line3 {
  position: absolute;
  top: 50%;
  right: 0;
  /* z-index: 3; */
}

#hero h2.line2 {}
#hero h2.line4 {}

/* Home background spotlights */
body.home #content.site-content {
  background: url('../../uploads/2023/06/spotsHeader-low-.jpg') top center;
  background-repeat: no-repeat;
  background-size: contain;
}


/** PROGRAM / GROUP **/
/* Home */
.home h2 {
  font-size: 8vw;
}
.home
/* Program */
.program h4 {
  text-transform: uppercase;
}
.program .wp-block-image img {
  opacity: 0.8;
}
.program .wp-block-image:hover img {
  opacity: 1;
}

.program figcaption {
  font-family: 'Gt-Cinetype';
  font-size: 2em;
  text-transform: uppercase;
  line-height: 1em;
  position: relative;
  top: calc(-1em - 8px);
  left: 8px;
  margin-top: 0px;
}
.program figcaption {
  font-family: 'Gt-Cinetype';
}
.program #djs figcaption {
  color: #E40E20;
}
@media (max-width: 1055px) and (min-width: 781px) {
  .program figcaption {
    font-size: 1.4em;
  }
}
@media (max-width: 780px) {
  .program figcaption {
    font-size: 3em;
  }
}


/* .program .wp-block-columns.has-background {
  padding-left: 0px;
  padding-right: 0px;
} */


#informations-pratiques h4 a {
  text-decoration: none;
}
#informations-pratiques h4:hover a {
  color: #E40E20;
}
#informations-pratiques .wp-block-cover .wp-block-cover__image-background {
  object-fit: contain;
}

.category-programme pre {
  background: inherit;
  font-family: 'Gt-Cinetype';
  margin-bottom: 0.6em;
  overflow: auto;
  max-width: 100%;
  text-transform: uppercase;
  color: #E40E20;
  font-size: 1.4em;
  padding: 0px;
  font-weight: 500;
}

.program .link a {
  color: #41FB30;
}

.category-programme .wp-block-buttons {
  margin-bottom: 1.6em;
}

/* hide meta on group */
.entry-meta {
  display: none;
}

/** BILLETTERIE **/
.billetterie-card {
  background: #000000;
}

.billetterie-card p {
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'diglu-Extrabold';
  text-transform: uppercase;
}

.billetterie-card .wp-block-button {
  padding-bottom: 10px;
}

/** SPONSORS **/
#sponsors {
  margin-top: 20px;
  margin-bottom: 20px;
}

#sponsors h3 {
  font-size: 1rem;
}

/** INSTAGRAM **/
#sb_instagram .sbi_btn_text {
  text-transform: uppercase;
  font-family: 'diglu-Medium';
}

#sb_instagram .sbi_follow_btn svg {
  margin-right: 0px;
}

/** NEWSLETTER **/
#mc_embed_signup {
  background-color: black !important;
  border: 1px solid white;
}


/** STICKY HEADER HACK **/
/** https://cgscomputer.com/how-to-create-a-sticky-header-with-the-free-astra-wordpress-theme **/


.hide {
  display: none;
}